.mhy-init-account-info__title {
  line-height: 70px;
  font-size: 16px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 50px;
  position: relative
}

.mhy-init-account-info__title::after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 64px;
  height: 3px;
  background-color: #ffe14c
}

.mhy-init-account-info__avatar {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.mhy-init-account-info__avatar .mhy-avatar {
  width: 90px;
  height: 90px;
  margin-bottom: 20px;
  cursor: pointer
}

.mhy-init-account-info__avatar .mhy-button {
  color: #4cc3ff
}

.mhy-init-account-info__form {
  color: #999
}

.mhy-init-account-info__form .mhy-input__container {
  margin-top: 20px;
  line-height: 40px;
  height: 40px;
  margin-bottom: 40px
}

.mhy-init-account-info__form .mhy-input__maxtip {
  bottom: 12px
}

.mhy-init-account-info__form .init-submit-btn {
  width: 100%;
  line-height: 42px;
  background-color: #4cc3ff;
  color: #fff;
  border-radius: 4px
}

.mhy-init-account-info__agree {
  padding-bottom: 30px
}

.mhy-init-account-info__agree .mhy-checkbox {
  display: inline-block;
  line-height: 16px;
  height: 16px;
  color: #999
}

.mhy-init-account-info__agree .mhy-checkbox .box-container {
  vertical-align: top
}